<template>
  <div class="container">
    <Search></Search>
    <users-main></users-main>
  </div>
</template>

<script>
import Search from "./components/Search.vue"
import Main from './components/Main.vue'
export default {
  components:{
    Search,
    UsersMain:Main
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
.card {
  float:left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 1px solid #efefef;
  text-align: center;
}

.card > img {
  margin-bottom: .75rem;
  border-radius: 100px;
}

.card-text {
  font-size: 85%;
}
</style>
